@font-face {
    font-family: 'mistralregular';
    src: url('../font/mistral-webfont.eot');
    src: url('../font/mistral-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/mistral-webfont.woff2') format('woff2'),
         url('../font/mistral-webfont.woff') format('woff'),
         url('../font/mistral-webfont.ttf') format('truetype'),
         url('../font/mistral-webfont.svg#mistralregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.connect_admin {
margin:auto;
width : 350px;
height : 350px;
background-color : white; 
box-shadow : 0px 0px 30px rgb(150,150,150);

-webkit-animation: apparition 1s; /* Safari 4+ */
  -moz-animation:    apparition 1s; /* Fx 5+ */
  -o-animation:      apparition 1s; /* Opera 12+ */
  animation:         apparition 1s; /* IE 10+ */

}

a{
	font-family:"Helvetica", Arial;
	font-size : 12px;
	color : black;
	text-decoration:none;
	margin-right : 30px;
	margin-left: 30px;
	
	-webkit-animation: app 4s; /* Safari 4+ */
 	-moz-animation:    app 4s; /* Fx 5+ */
	-o-animation:      app 4s; /* Opera 12+ */
	animation:         app 4s; /* IE 10+ */

}

a:hover{
	color : #d3182a;
}

body {
height:100%;
margin : 0;
padding:0;
background: url('../images/brushed.png'); /*#4b8baf*/
}

html {
    height: 100%;
}

.hublot
{

width : 120px;
height : 120px;
border-radius : 0%;
background-color : white;
margin:auto;
overflow : hidden;

}

.hublot p {
font-family: 'web_symbolsregular';
font-size : 85px;
color : white;
position : relative;
top : -57px;
}

#page-table {
    height: 100%;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
#page-td {
    height: 100%;
    padding: 0;
    vertical-align: middle;
}

h1{
	line-height : 70px;
	padding:20px;
	
	margin:0;
	font-size : 40px;
	text-align:center;
	font-family: 'mistralregular', Arial;
	font-weight:normal;
	color : #cc0000;
}


@-webkit-keyframes apparition {
  0%   { opacity: 0; 
  		 -webkit-transform : scale(0);
  		 -moz-transform : scale(0);
  		 -o-transform : scale(0);
  		 transform : scale(0); }
  80%  { -webkit-transform : scale(1.1);
  		 -moz-transform : scale(1.1);
  		 -o-transform : scale(1.1);
  		 transform : scale(1.1); }
  100% { opacity: 1; 
		 -webkit-transform : scale(1);
  		 -moz-transform : scale(1);
  		 -o-transform : scale(1);
  		 transform : scale(1); }
}
@-moz-keyframes apparition {
  0%   { opacity: 0; 
  		 -webkit-transform : scale(0);
  		 -moz-transform : scale(0);
  		 -o-transform : scale(0);
  		 transform : scale(0); }
  80%  { -webkit-transform : scale(1.1);
  		 -moz-transform : scale(1.1);
  		 -o-transform : scale(1.1);
  		 transform : scale(1.1); }
  100% { opacity: 1; 
		 -webkit-transform : scale(1);
  		 -moz-transform : scale(1);
  		 -o-transform : scale(1);
  		 transform : scale(1); }
}
@-o-keyframes apparition {
  0%   { opacity: 0; 
  		 -webkit-transform : scale(0);
  		 -moz-transform : scale(0);
  		 -o-transform : scale(0);
  		 transform : scale(0); }
  80%  { -webkit-transform : scale(1.1);
  		 -moz-transform : scale(1.1);
  		 -o-transform : scale(1.1);
  		 transform : scale(1.1); }
  100% { opacity: 1; 
		 -webkit-transform : scale(1);
  		 -moz-transform : scale(1);
  		 -o-transform : scale(1);
  		 transform : scale(1); }
}
@keyframes apparition {
  0%   { opacity: 0; 
  		 -webkit-transform : scale(0);
  		 -moz-transform : scale(0);
  		 -o-transform : scale(0);
  		 transform : scale(0); }
  80%  { -webkit-transform : scale(1.1);
  		 -moz-transform : scale(1.1);
  		 -o-transform : scale(1.1);
  		 transform : scale(1.1); }
  100% { opacity: 1; 
		 -webkit-transform : scale(1);
  		 -moz-transform : scale(1);
  		 -o-transform : scale(1);
  		 transform : scale(1); }
}

.formulaire input{
width : 200px;
height : 30px;
margin-bottom : 10px;
font-size : 15px;
font-family : "Helvetica";
color : #d3182a;


outline : none;

opacity: 1;
text-align : center;

-webkit-animation: app 1.5s; /* Safari 4+ */
  -moz-animation:    app 1.5s; /* Fx 5+ */
  -o-animation:      app 1.5s; /* Opera 12+ */
  animation:         app 1.5s; /* IE 10+ */
}

img {
	width:90px; 
	height:90px; 
	position:relative;
}

.formulaire input#submit {
width : 200px;
background-color: #d3182a;
border:none;
color : white;
font-size : 25px;
opacity : 1;

-webkit-animation: app 3s; /* Safari 4+ */
  -moz-animation:    app 3s; /* Fx 5+ */
  -o-animation:      app 3s; /* Opera 12+ */
  animation:         app 3s; /* IE 10+ */
}





@-webkit-keyframes app {
  0%   { width:0px; opacity: 0;}
  70%  { width:0px; opacity: 0;}
  100% { width: 200px; opacity: 1;}
}
@-moz-keyframes app {
  0%   { width:0px; opacity: 0;}
  70%  { width:0px; opacity: 0;}
  100% { width: 200px; opacity: 1;}
}
@-o-keyframes app {
  0%   { width:0px; opacity: 0;}
  70%  { width:0px; opacity: 0;}
  100% { width: 200px; opacity: 1;}
}
@keyframes app {
  0%   { width:0px; opacity: 0;}
  70%  { width:0px; opacity: 0;}
  100% { width: 200px; opacity: 1;}
}




